<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath();
	int i=0;
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="<%=cp%>/data/css/common.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/kor/css/style1.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/kor/css/style2.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/kor/css/style3.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/kor/css/style4.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/kor/css/style5.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/kor/css/style6.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/kor/css/style7.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/kor/css/Domestic.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/kor/css/reset.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/kor/css/body_domestic_main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=cp%>/data/js/jquery-1.8.2.js"></script>
<style>
	
		#banner {
			width: 800px;
			height: 300px;
			position: relative;
			border: 8px solid #eee;
			-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
		}
	
		#banner div {
			position: absolute;
		}
		
		#banner div:nth-child(2) {
			-webkit-animation: wipe 6s infinite;
			-webkit-animation-delay: 3s;
			-webkit-animation-direction: alternate;
			-webkit-mask-size: 2000px 2000px;
			-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, 
					color-stop(0.00,  rgba(0,0,0,1)),
					color-stop(0.45,  rgba(0,0,0,1)),
					color-stop(0.50,  rgba(0,0,0,0)),
					color-stop(0.55,  rgba(0,0,0,0)),
					color-stop(1.00,  rgba(0,0,0,0)));
		}
		
		@-webkit-keyframes wipe {
			0% {
				-webkit-mask-position: 0 0;
			}
			100% {
				-webkit-mask-position: -1200px -1200px;
			}
		}
	</style>
<script type="text/javascript">

	function search(){
	
		var f=document.searchForm;

		f.action="<%=cp%>/kor.action";
		
		f.submit();
	}
</script>
</head>
<body>
<!-- Container -->
	<div id="container3" align="right">
	<!-- Sub Navigation -->
<style> 
	#subNavigation ul.subNaviList5 li.lastOn {background:url('/images/airtel/tab_package_last_on.gif') no-repeat 0 0;}
		#subNavigation ul.subNaviList5 li.lastOn a {
			color:#fff;
			height:28px;
			}
	#subNavigation ul.subNaviList5 ul.subNavi2depth li ul.subNavi3depth {position:absolute;z-index:10;left:95px;top:0;width:135px;padding:2px 0 0 0;background: url('/images/submain/depth2_bg_01.gif') no-repeat 0 0;}			
</style>
<br/>
<br/>
	<h3 align="center">
        <img alt="국내,제주" src="<%=cp%>/kor/image/title_K.gif">
    </h3>
	<div id="page-wrap" height="250">
		<div id="banner">
			<div><img src="<%=cp%>/kor/image/img1.jpg" alt="Skyline 1"></div>
			<div><img src="<%=cp%>/kor/image/img2.jpg" alt="Skyline 2"></div>
		</div>
	</div>
<!-- Sub Navigation -->
<div id="subNavigation">
    <div align="center">
    <ul id="ctl00_LEFTMENU_LEFT_LeftMenu1_ulWMT" class="info" >
      <li><a href="<%=cp%>/kor/weather.action""><img src="<%=cp %>/kor/image/ico_weather1.gif" alt="날씨" /></a> <a href="<%=cp%>/kor/exchange_rate.action"><img src="<%=cp %>/kor/image/ico_money1.gif" alt="환율" /></a></li>
	</ul>
	</div>
 
	<ul id="ctl00_LEFTMENU_LEFT_LeftMenu1_ulDBanner" class="info">
		<li><a href="/Domestic/Coupon"><img src="<%=cp %>/kor/image/img_banner1.jpg" alt="" /></a></li>
	</ul>
	
	<ul id="ctl00_LEFTMENU_LEFT_LeftMenu1_ulBoard" class="boardLink">
        
		<li id="ctl00_LEFTMENU_LEFT_LeftMenu1_liTravelAdvice"><a href="/TravelAdvice?LnkTypCd=DOM"><img src="<%=cp %>/kor/image/img_link_qna1.gif" alt="질문과 답변" /></a></li>
		<li id="ctl00_LEFTMENU_LEFT_LeftMenu1_liFaq"><a href="/Faq?kind=DOM"><img src="<%=cp %>/kor/image/img_link_faq1.gif" alt="자주하는 질문" /></a></li>
	</ul>
			 
	<ul id="ctl00_LEFTMENU_LEFT_LeftMenu1_ulAddress" class="boardLink">
		
		<li id="ctl00_LEFTMENU_LEFT_LeftMenu1_liAbroadAdvice1"><img src="<%=cp %>/kor/image/img_advice_agency1.gif" alt="해외여행 상담문의(02-726-5611) 평일:오전09:00~오후:07:00 ,토요일:오전 09:00~오후07:00" border="0" usemap="#map1" /></li>
        <map name="map1" id="map1"><area shape="rect" coords="0,92,181,137" href="/Agency/NationalAgencyFind" alt="전국대리점 안내" /></map>		
	</ul>
</div>

<style type="text/css"> 
.pop_Doc{position:absolute;display:none;width:700px;z-index:1000;}
</style>
    <!-- Contents -->
    <div id="contents">
        <!-- Layer Popup -->
        <div class="pop_Doc" align="right" id ="Domestic_index_120327">
	        <img src="<%=cp %>/kor/image/120327_jeju.jpg" alt="popup" usemap="#Domestic_index_120327" border="0"/>
        </div>
        <map name="Domestic_index_120327">
            <area shape="rect" coords="156,255,283,280" href="javascript:closeWin()" />
            <area shape="rect" coords="287,255,343,280" href="javascript:adDivClose()" />
        </map>
 
        <!-- Layer Popup --> 
			<!-- 추천 내륙여행 -->
			<h4 class="h4Type13"><span class="floatR"></span></h4>
			<!-- tab -->
			
			<form id="searchForm" method="post" action="">
			<img src="<%=cp%>/kor/image/list_sub_search.gif"/>
			<input type="text" name="searchValue" />
            <input type="hidden" name="subject" value="${subject}">
			<input type="image" src="<%=cp%>/kor/image/btn_main_search.gif" onclick="search();"/>
			
			</form>
			
			<table width="700" border="0" cellspacing="1" cellpadding="3" bgColor="#FFFFFF" align="center">
				 <tr> 
				  <c:forEach var="dto" items="${lists}">   
				  <td>
				  <table width="160" height="140" style="BORDER-BOTTOM: #BDBDBD 1px solid; BORDER-LEFT: #BDBDBD 1px solid; BORDER-TOP: #BDBDBD 1px solid; BORDER-RIGHT: #BDBDBD 1px solid; PADDING-TOP: 5px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px;">
				  <% i=i+1; %>
				   <tr bgcolor="#FFFFFF" align="center">
				    <td align="center">
				    <a href="<%=cp%>/kor/korArticle.action?tourNo=${dto.tourNo}">
				    <img src="<%=cp%>/pds/data/${dto.image}" width="150" height="110" alt=""></a></td>
				   </tr>
				   <tr bgcolor="#FFFFFF" align="center" >
				    <td align="center">
				    <b>${dto.subject }</b>
				    </td>
				   </tr>
				   <tr bgcolor="#FFFFFF" align="center" >
				    <td align="center">
				    <b>${dto.price }</b>
				    </td>
				   </tr>
				  </table>
				  </td>
				  <% 
				   if(i%3 == 0){
				   out.print("</tr>");
				   out.print("<tr>");
				   }
				  %>
				  </c:forEach>
				 </tr>
 			</table>

			<!-- //검색결과: 상품리스트  -->
    <div class="pdb50 clear">
        <!--  paging  -->
        <div class="paging_type1">
            <table cellSpacing="0" cellPadding="0" border="0" width="100%">
            <tbody>
            <tr align=center>
            <td>&nbsp;</td>
            <td width="15px">
            <input type="image" src="<%=cp%>/tour/image/icon_pere2.gif"
            onclick="javascript:location.href='<%=cp%>/layout/kor.action';"/>
            </td>
            <td width="15px">
            <input type="image" src="<%=cp%>/tour/image/icon_pere1.gif"
            onclick="javascript:location.href='<%=cp%>/layout/kor.action?pageNum=${pageNum-1}';"/>
            </td>
            <td width="140px" style="color:#00A5BD;">
            <strong>
			<p>
				<c:if test="${totalDataCount != 0}">
					${pageIndexList}
				</c:if>
				<c:if test="${totalDataCount == 0 }">
					등록된 게시물이 없습니다.
				</c:if>	
			</p>
		</strong>&nbsp;&nbsp;
            &nbsp;</td>
           	<!-- 다음 페이지 -->
            <td width="15px"><input type="image" src="<%=cp%>/tour/image/icon_next1.gif"
            onclick="javascript:location.href='<%=cp%>/layout/kor.action?pageNum=${pageNum+1}';"/></a></td>
            
            <!-- 마지막 페이지 -->
            <td width="15px"><input type="image" src="<%=cp%>/tour/image/icon_next2.gif"
            onclick="javascript:location.href='<%=cp%>/layout/kor.action?pageNum=${totalPage}';"/></a></td>
            <td width="100px">(전체 <strong>${totalPage}</strong> Page)</td><td>&nbsp;</td>
            </tr>
            </tbody>
            </table>
        </div>
    </div>
	</div>
</div>
</body>
</html>